import { reactive } from "vue";
/**
 * @description 地图
 */
export const useChinaMap = () => {
  const option = reactive({
    backgroundColor: "#54daff", //地图背景色
    tooltip: {
      trigger: "item", // 触发类型为item
      formatter: "{b}:{c}", // 自定义提示信息格式，{b}为区域名，{c}为系列名（可空），{d}为数据值
    },
    geo: {
        map: "china",
        label: {
          emphasis: {
            show: true, //悬浮目标显示文本
          },
        },
        zoom: 1.2,
        itemStyle: {
          normal: {
            borderColor: "#666", //区域边框颜色
            areaColor: "#fff", //区域颜色

          },
          emphasis: {
            borderColor: "#FFD1A3",
            areaColor: "rgba(102,105,240,.3)",
            borderWidth: 1
          },
        },
      },
      // 提示浮窗样式
      // selectedMode: "single", //选择模式，单选，只能选中一个地市
  });
  return {
    option,
  };
};
